{% load i18n static %}
<table class="first-page" style="page-break-before: always">
    {% include 'sop/page_header.html' %}
    <tbody>
        <tr>
            <td colspan="3" style="border: 1mm solid black">
                <div style="height: 300mm; margin: auto">
                    <div class="logo2" style="text-align: center; padding-top: 40mm">
                        <img src="{% static 'logo2.svg' %}" alt="logo" style="width: 24mm">
                    </div>
                    <div class="document-type" style="text-align: center;">
                        <h2 style="font-size: 18pt">
                            {{ doc.obj.document_type.name }}
                        </h2>
                    </div>
                    <div class="article-name" style="text-align: center; padding-top: 30mm">
                        <h1 style="font-size: 30pt">
                            {{ doc.obj.name }}
                        </h1>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>

<div class="page-break" style="height: 20mm;"></div>

<table class="second-page">
    {% include 'sop/page_header.html' %}
    <tbody>
        <tr>
            <td colspan="3" style="border: 1mm solid black">
                <div style="margin: auto; text-align: center">
                    <h3>文件编写、审核和批准记录</h3>
                </div>
            </td>
        </tr>
        <tr>
            <td style="border: 1mm solid black; border-right: 0">
                <div style="margin: auto; text-align: center;">
                    <h4>文件编制:</h4>
                </div>
            </td>
            <td colspan="2" style="border: 1mm solid black; border-left: 0">
                <div style="margin: auto; text-align: left; padding-left: 20mm">
                    <h4>编制日期:</h4>
                </div>
            </td>
        </tr>
        <tr>
            <td style="border: 1mm solid black; border-right: 0">
                <div style="margin: auto; text-align: center;">
                    <h4>文件审核:</h4>
                </div>
            </td>
            <td colspan="2" style="border: 1mm solid black; border-left: 0">
                <div style="margin: auto; text-align: left; padding-left: 20mm">
                    <h4>审核日期:</h4>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="3" style="border: 1mm solid black">
                <div style="margin: auto; text-align: center">
                    <h3>文件会签记录</h3>
                </div>
            </td>
        </tr>
        <tr>
            <td style="border: 1mm solid black; border-right: 0">
                <div style="margin: auto; text-align: center;">
                    <h4>部门</h4>
                </div>
            </td>
            <td style="border: 1mm solid black;">
                <div style="margin: auto; text-align: center; ">
                    <h4>人员</h4>
                </div>
            </td>
            <td style="border: 1mm solid black; border-left: 0">
                <div style="margin: auto; text-align: center;">
                    <h4>日期</h4>
                </div>
            </td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>
        <tr>
            <td style="border: 1mm solid black;"><div style="height: 9mm"></div></td>
            <td style="border: 1mm solid black;"></td>
            <td style="border: 1mm solid black;"></td>
        </tr>

        <tr>
            <td style="border: 1mm solid black; border-right: 0">
                <div style="margin: auto; text-align: center;">
                    <h4>文件批准:</h4>
                </div>
            </td>
            <td colspan="2" style="border: 1mm solid black; border-left: 0">
                <div style="margin: auto; text-align: left; padding-left: 20mm">
                    <h4>批准日期:</h4>
                </div>
            </td>
        </tr>

    </tbody>
</table>

<div class="page-break" style="height: 20mm;"></div>

<table class="page-head">
    {% include 'sop/page_header.html' %}
</table>
<div class="title">
    <h1 style="text-align: center; padding-top: 20mm">{{ doc.obj.name }}</h1>
</div>
{% for c in  doc.content %}
    <div><h2>{{ c.section_index }}. {{ c.section_name }}</h2></div>
    {{ c.section_body|safe }}
{% endfor %}

<div class="page-break" style="height: 20mm;"></div>
